<#include "common/freemarker/include_header.ftl">
<div class="panel-heading" style="padding-bottom: 7px;padding-top:5px;background-color: #fcfcfc;">前台技术选型</div>
<!-- .page-content -->
<div class="page-content sidebar-page  right-sidebar-page clearfix">

    <div class="page-content-wrapper">
        <div class="page-content-inner">
        
				        <dl class="dl-horizontal">
					        <dt>原则</dt>
					        <dd>
									本工程是敏道所有项目的界面规范，所有新的组件引入，必须保证不影响现有的ui组件。 新组件统一放在common下，要带版本号。
									  如果例子需要通过action取数据，请统一使用 com.mindao.app.ued.action下的testController.java文件中加方法
					        </dd>
					        <dt>bootstrap</dt>
					        <dd>
						        <a href="http://getbootstrap.com/" class="btn btn-xs btn-default" target=_blank>官网</a>
						                           自适应屏幕的 UI 组件。兼容移动端和普通网页
					        </dd>

  							 <dt>ckeditor_4.5.4_full</dt>
					        <dd>
					         <a href="http://ckeditor.com/" target="_blank" class="btn btn-xs btn-default">ckeditor.com</a> 
					         
					        </dd>					      
					        
					        <dt>日期选择框</dt>
					        <dd>
					           <a href="http://www.my97.net/" target="_blank" class="btn btn-xs btn-default">http://www.my97.net/</a> 
					        </dd>	
					        
					       


					        <dt>图表组件Highcharts-4.1.9 </dt>
					        <dd>
					         		阿里云品牌使用组件，建议跟随 
					        </dd>
							<#--
						    <dt>highslide-4.1.9 </dt>
					        <dd>
					         		 <a href="http://www.highslide.com" target=_blank   class="btn btn-xs btn-default">highslide.com</a>  
					        </dd>
				   			-->    						       
			    	      
                       </dl>


        </div>  <!-- / .page-content-inner -->
    </div><!-- / page-content-wrapper -->
</div><!-- 、.page-content -->




	<div class="panel panel-default">
		<div class="panel-heading"><strong>WEB项目代码架构规范</strong></div>
		<div class="panel-body">
			<pre>
				【md-core】基础公共模块项目
				├── src/main/java/com/mindao <button type="button" class="btn btn-xs btn-warning">公共模块目录架构</button>
				│   ├──app
				│   ├───├─common<button type="button" class="btn btn-xs btn-default">通用界面功能模块目录</button>
				│   ├───├─ea          
				│   ├──utils<button type="button" class="btn btn-xs btn-default">通用工具类目录</button>
				
				【md-web-*】 业务项目工程 依赖于基础公共模块项目md-core
				├── src/main/java/com/mindao <button type="button" class="btn btn-xs btn-warning">后台代码架构</button>
				│   ├──app
				│   ├───├─ued
				│   ├─────────├─controller
				│   ├─────────├─service/impl
				│   ├─────────├─model
				├── src/webapp <button type="button" class="btn btn-xs btn-warning">前台代码架构</button>
				│   ├── app/common <button type="button" class="btn btn-xs btn-default">通用前台框架组件</button>
				│   ├── app/ued/  <button type="button" class="btn btn-xs btn-info">系统模块 manger的前台代码</button>
				│   ├────────────├─tpltb3<button type="button" class="btn btn-xs btn-success">表名</button>
				│   ├────────────├────├─search.ftl<button type="button" class="btn btn-xs btn-danger">查询方法名.ftl</button>
				│   ├────────────├────├─edit.ftl<button type="button" class="btn btn-xs btn-danger">编辑方法名.ftl</button>
				│   ├────────────├────├─view.ftl<button type="button" class="btn btn-xs btn-danger">详细方法名.ftl</button>
				│   ├────────────├─tpltb3<button type="button" class="btn btn-xs btn-success">表名</button>
				│   ├────────────├─...
				
				
				<strong>web应用开发的本质： 接受http请求（controller）返回结果： </strong>
				1.用户在浏览器输入url
				2.服务器端根据URL解析出下面信息：执行 哪个JAVA类的哪个方法进行计算，用那个结果页面进行
				3.浏览器通过结果页面显示计算结果，反馈给客户信息
				例如：/ued/tpltb3/search.do
		 
				<button type="button" class="btn btn-xs btn-info">ued模块</button>_<button type="button" class="btn btn-xs btn-success">Tpltb3.java类,对应Tpltb3Controller.java</button>/<button type="button" class="btn btn-xs btn-danger">search方法名</button>
				
				<B>如果 </B>类方法有@ResponseBody注解，说明返回的json数据，一般情况返回JsonResult对象；
				<B>否则 </B>如果返回String类型，则对应前台页面路径"app/模块名/类名/方法名.ftl",如上面例子对应页面为"app/ued/Tpltb3/search.ftl"。
				
				<B>另外 </B>如果只有跳转到某个页面，不需业务处理，可使用/模块名_业务名/页面/fwd.do，如/ued/tpltb3/search/fwd.do,则后台可不要增加方法和类，直接调到"app/ued/tpltb3/search.ftl"。
				
				注:app为所有业务模块页面的根目录。
				 <#--
				struts-common.xml 的关键定义：
				${'<action name="*_*_*"   class="{2}Action"  method="{3}" >
				    <result name="success">app/{1}/{2}/{3}.ftl</result>
				 </action> 
				 '?html}
				 {1}<button type="button" class="btn btn-xs btn-info">模块名</button>_{2}<button type="button" class="btn btn-xs btn-success">表名</button>_{3}<button type="button" class="btn btn-xs btn-danger">方法名</button>
			      -->
				
			 </pre>  
			</div>
		</div>
	</div>   
                             <#--
                             
                             
                              
                             
					        <dt>startbootstrap</dt>
					        <dd>
					            <a href="http://startbootstrap.com/" class="btn btn-xs btn-default" target=_blank>官网</a>
					            <a href="common/startbootstrap-sbadmin-2106/pages/index.html" class="btn btn-xs btn-default"  target=_blank>sapmple</a>
					        	     基于BootstrapHTML模板开头 ，图标：fa开头
					        </dd>
                           

					        <dt>Angular UI</dt>
					        <dd>
						        <a href="http://angular-ui.github.io/" class="btn btn-xs btn-default" target=_blank>官网</a>
						                         最适合angular。顾名思义，AngularJS 的UI增强指令集，提供了IE、jQuery 兼容，以及一些常用 UI 组件.
						                         ui-utils/ 验证 ，js的include
					        </dd>
 -->
